fix mayor skin + move sections dir

1 files changed, 46 insertions, 0 deletions

diff --git a/src/routes/player/[player]/[profile]/sections/Leaderboards.svelte b/src/routes/player/[player]/[profile]/sections/Leaderboards.svelte
new file mode 100644
index 0000000..817f59a
--- /dev/null
+++ b/src/routes/player/[player]/[profile]/sections/Leaderboards.svelte
@@ -0,0 +1,46 @@
+<script lang="ts">
+	import { fetchApi } from '$lib/api'
+
+	import type { CleanMemberProfile } from '$lib/APITypes'
+	import Emoji from '$lib/Emoji.svelte'
+	import { cleanId, formatNumberFromUnit } from '$lib/utils'
+
+	export let data: CleanMemberProfile
+</script>
+
+{#await fetchApi(`player/${data.member.uuid}/${data.profile.uuid}/leaderboards`, fetch).then( r => r.json() )}
+	Loading...
+{:then leaderboards}
+	{#if leaderboards.length > 0}
+		<ul>
+			{#each leaderboards as leaderboard}
+				<li class="leaderboard-item">
+					<a href="/leaderboard/{leaderboard.name}" class="leaderboard-item-anchor">
+						{leaderboard.positionIndex + 1}) <b>{cleanId(leaderboard.name)}</b>: {formatNumberFromUnit(
+							leaderboard.value,
+							leaderboard.unit ?? null
+						)}
+					</a>
+				</li>
+			{/each}
+		</ul>
+	{:else}
+		<p>This player isn't in any leaderboards. <Emoji value="😦" /></p>
+	{/if}
+{/await}
+
+<style>
+	.leaderboard-item-anchor {
+		color: inherit;
+	}
+	.leaderboard-item {
+		list-style-type: none;
+	}
+	ul {
+		padding-left: 0;
+		margin-top: 0.5em;
+	}
+	p {
+		margin: 0.5rem 0;
+	}
+</style>